<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login interface</title>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <style>
        #text{
            text-align:center;
            font-family: 幼圆;
            font-size: 20px;
            font-weight: bold;
        }
        table{
            text-align: center;
        }
        #user_text{
            font-family: 等线;
        }
        #passward_text{
            font-family: 等线;
        }
        label{
            font-family: 等线;
        }
        .login_table{
            margin:0 auto;
        }
        #user{
            width: 300px;
        }
        #password{
            width: 300px;
        }
    </style>
</head>
<body>
<form action="LoginServlet" method="get">
    <table class="login_table">
        <tr>
            <td colspan="3" id="text">师生疫情每日上报系统</td>
        </tr>
        <tr>
            <td><br></td>
        </tr>
        <tr>
            <td id="user_text">
                账号
            </td>
            <td colspan="2"><input type="text" id="user"></td>
        </tr>
        <tr>
            <td id="passward_text">
                密码
            </td>
            <td colspan="2"><input type="password" id="password"></td>
        </tr>
        <tr>
            <td>
                <input type="radio" name="mode" id="stu" value="1">学生/教师
            </td>
            <td>
                <input type="radio" name="mode" id="college" value="2">学院
            </td>
            <td>
                <input type="radio" name="mode" id="epidemic" value="3">防控办
            </td>
        </tr>
        <tr><td><br></td></tr>
        <tr>
            <td colspan="2"><input type="submit" value="登录" id="login"></td>
            <td><input type="reset" value="重置" id="reset"></td>
        </tr>
    </table>
</form>
</body>
</html>